Время, таймзоны, или почему 
date-fns — это ошибка 
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Понедельник, 16:05 по Москве 


Tuesday, 00:05 Sydney time 
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У нас разное время" 


Что такое время" 


24 октября, 2022 года, 16:17:30 


Но почему тогда: 


Ho почему тогда: 
в Москве вторник 16:05 


Ho почему тогда: 
в Москве вторник 16:05 


в Сиднее понедельник 00:05 
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03:00 


15:00 


То есть: 


- Время -- едино 


То есть: 


- Время -- едино 


- Таймзона -- представление 


Как мы его 
храним/транспортируем? 


1666603213 


1666603213 


Unix Time 


В чем проблема unix time 


В чем проблема unix time 


- Нечитаемо человеком (минус чтение, анализ, дебаггинг) 


В чем проблема unix time 


- Нечитаемо человеком (минус чтение, анализ, дебаггинг) 


- Оно всегда в нулевой таймзоне 


В чем проблема unix time 


- Нечитаемо человеком (минус чтение, анализ, дебаггинг) 
- Оно всегда в нулевой таймзоне 


- Не поддерживаєт даты до 00:00:00 ЮТС оп 1 Чапиагу 1970 


В чем проблема unix time 


- Нечитаемо человеком (минус чтение, анализ, дебаггинг) 

- Оно всегда в нулевой таймзоне 

- Не поддерживаєт даты до 00:00:00 ЮТС оп 1 Чапиагу 1970 

- Не поддерживаєт даты после 03:14:07 UTC оп 19 January 2038 


В чем проблема unix time 


- Нечитаемо человеком (минус чтение, анализ, дебаггинг) 

- Оно всегда в нулевой таймзоне 

- Не поддерживаєт даты до 00:00:00 ЮТС оп 1 Чапиагу 1970 

- Не поддерживаєт даты после 03:14:07 UTC оп 19 January 2038 


- Оно стремное 


4666603213 


2022-10-14117:28:36.007+00:00 


4666603213 


2022-10-14117:28:36.007--00:00 


Пата 


4666603213 


2022-10-14117:28:36.00/+00:00 


Дата Время 


4666603213 


2022-10-14117:28:36.007+00:00 


Дата Время 


Милисекунды 


4666603213 


2022-10-14117:28:36.007+00:00 


Дата Врема Таимзона 


Милисекундьт 


Преимушества 150 6801 


Преимушества 150 6801 


- Легко читаем человеком 


Преимушества 150 6801 
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Преимушества 150 6801 


- Легко читаем человеком 
- Можно указать дату в локальной таймзоне (для разработчиков) 
- Поддается сравнению как строки (для сортировки) 


- Не имеет жестких ограничений как unix time 


Преимушества 150 6801 


- Легко читаем человеком 

- Можно указать дату в локальной таймзоне (для разработчиков) 
- Поддается сравнению как строки (для сортировки) 

- Не имеет жестких ограничений как ипіх ііте 


- Везде поддерживается 


Хорошо, а что с датами в JS? 


> new Date( '2022-10-14T03:28:36+03:00') 


> new Date( '2022-10-14T103:28:36+03:00') 
Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 


> new Date( '2022-10-14T103:28:36+03:00') 
Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 


> new Date( '2022-10-14T103:28:36+03:00') 
Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 


Date ( ) 
Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 
> new раќе("2022-10-14103:28:36-00:00") 


> new Date( '2022-10-14T103:28:36+00:00') 
Fri Oct 14 2022 06:28:36 GMT+0300 (Moscow Standard Time) 


> new Date( '2022-10-14T103:28:36+00:00') 
Fri Oct 14 2022 06:28:36 GMT+0300 (Moscow Standard Time) 


> new Date( '2022 


Fri Oct 14 2022» ow Standard Time) 
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> new Date('2022-10-14T03:28:36+00:00') 
< Fri Oct 14 2022 06:28:36 GMT+0300 (Moscow Standard Time) 


А что за математика, 
как это работает? 


00:00 (СМТ) 


00:00 (СМТ) 


00:00 (СМТ) 


00:00 (СМТ) 


03:00 (MSK) : 


00:00 (СМТ) 


00:00 (СМТ) 


03:00 (MSK) : 


00:00 (СМТ) 


00:00 (СМТ) 


03:00 (MSK) : 


00:00 (СМТ) 


03:00 (MSK) : 


00:00 (СМТ) 


+03:00 (MSK) > 


00:00 (СМТ) 


00:00 (СМТ) 


00:00 (СМТ) 


00:00 (СМТ) 


03:00 (MSK) : 


00:00 (СМТ) 


пем Date('2022-10-14T03:28:36+03:00') 
Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 
пем Date('2022-10-14T03:28:36+00:00') 
Fri Oct 14 2022 06:28:36 GMT+0300 (Moscow Standard Time) 


Date ( ) 

Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 
Date ( ) 

Fri Oct 14 2022 06:28:36 GMT+0300 (Moscow Standard Time) 
> new Date('2022-10-14T03:28:36+09:00') 


> пем Date('2022-10-14T03:28:36+09:00') 
Thu Oct 13 2022 21:28:36 GMT+0300 (Moscow Standard Time) 


2%? 


> пем Date('2022-10-14T03:28:36+09:00') 
Thu Oct 13 2022 21:28:36 GMT+0300 (Moscow Standard Time) 


00:00 (СМТ) 


“03:00 (MSK) 


03:28+09:00 


00:00 (GMT) 


+06:00 03:00 (MSK) 


00:00 (СМТ) 


і 
ПР 


03:28+00:00 


00:00 (GMT) 


“03:00 (MSK) 


00:00 (СМТ) 


“03:00 (MSK) 


00:00 (СМТ) 


00:00 (СМТ) 


Ах, вот вы какие, таймзоны! 


А теперь -- проблема 


> new Date('2022-10-14T03:28:36+03:00') 

Fri Oct 14 2022 03:28:36 GMT+0300 (Moscow Standard Time) 
> new Date('2022-10-14T03:28:36+00:00') 

Fri Oct 14 2022 06:28:36 GMT+0300 (Moscow Standard Time) 
> new Date('2022-10-14T03:28:36+09:00') 

Thu Oct 13 2022 21:28:36 GMT+0300 (Moscow Standard Time) 


> new Date().timezo 


undefined 


> new Date().getTimezone0ffset() 
-180 


> new Date().setTimezone0ffset() 


> new Date().setTimezone0ffset() 


Ө »Uncaught TypeError: (intermediate VM655:1 
value).setTimezoneOffset is not a function 
at <anonymous>:1:12 


Смотреть можно, трогать 
нельзя! 


24 октября, 2022 года, 13:25:14 


Но кто выбрал таймзону при 
запуске |5-машины? 


Браузер / нода 


А можно получить в нужной 
таймзоне? 


МОЖНО... 


> new Date( '2022-10-24T13:25:14+03:00') 
«toLocaleString('ru-RU', 4 
timeZone: 'Asia/Shanghal', 
+) 


> new Date( "2022-10-22 :25:14+03:00') 
‚ toLocaleString ('ги-ВИ', | { 
timeZone: " Азта anghal', 


У) 


> пем Date('2022-10-24T13:25:14+03:00') 


. toLocaleString(' ги-КИ' 
timeZone:| ‘Asia/Shanghai' 


У) 


> new Date( '2022-10-24T13:25:14+03:00') 
«toLocaleString('ru-RU', 4 
timeZone: 'Asia/Shanghal', 
+) 


< “24.10.2022, 18:25:14 


> new Date( '2022-10-24T13:25:14+03:00') 
«toLocaleString('ru-RU', 4 
timeZone: 'Asia/Shanghal', 
+) 


< "24.10.2022; 18:25:14" Ж---""" string 


Я не могу работать со 
временем в разных таймзонах! 


Я не могу 


- Сменить таймзону на глобальном уровне 


Я не могу 


- Сменить таймзону на глобальном уровне 


- Работать со временем в чужой таймзоне (например, календари) 


Мне неудобно 


Мне неудобно 


- Создавать дату-врема 


Мне неудобно 


- Создавать дату-время 


- Вычитать / добавлять часы, минуты, секунды 


Мне неудобно 


- Создавать дату-время 
- Вычитать / добавлять часы, минуты, секунды 


- Работать с периодами 


Примитивное и не удобное апи 


А что мы делаем с такими апи" 


Берем вспомогательную 
библиотеку 


Почему хвалят date-fns? 


Почему хвалят date-fns? 


- Это не тотепі 
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- Вытрясаемая 
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Почему хвалят date-fns? 
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Почему хвалят date-fns? 


- Это не тотепі 

- Вытрясаемая 

- Функциональная (ір) 

- Новая / модная / правильная 


- Иммутабельная / чистая 


Почему хвалят date-fns? 


- Это не тотепі 

- Вытрясаемая 

- Функциональная (ір) 

- Новая / модная / правильная 
- Иммутабельная / чистая 


- Использует нативный Date 


Используєт нативный Date”? 


Иммутабельная" 


Умеєт в таймзоны? 


> const date = пем Date( '2022-10-24T16:24:00+03:00'); 
const zonedDate = utcToZonedTime(date, 'Asia/Shanghai'); 


> const date = new Date('2022-10-24T16:24:00+03:00'); 
const zonedDate = utcToZonedTime(date, 'Asia/Shanghai'); 


console. Тоа (даће); 
console. Тоа ( гопедОате) 


> const date = new Date('2022-10-24T16:24:00+03:00'); 
const zonedDate = utcToZonedTime(date, 'Asia/Shanghai'); 


console. log(date); 

console. Тоа ( гопедОате) 

Mon Oct 24 2022 16:24:00 GMT+0300 (Moscow Standard Time) 
Mon Oct 24 2022 21:24:00 GMT+0300 (Moscow Standard Time) 


Mon Oct 24 2022 16:24:00 GMT+0300 (Moscow Standard Time) 
Mon Oct 24 2022 21:24:00 GMT+0300 (Moscow Standard Time) 


Иммутабельность? 


Иммутабельность 


Date 


Иммутабельность 


Date 


Иммутабельность 


Нет таймзон 


Date 


Иммутабельность 


Своя 


Нет таймзон 
абстракция 


Date 


Иммутабельность 


Своя 


Нет таймзон 
абстракция 


А СЯ) А 


Date 


Так что же с зтим делать" 


Иммутабельность 


Нет таймзон 


Date 


Например, luxon з) 


// Создание 
DateTime.fromIS0('2022-10-24T16:35:00+03:00'); 


// Создание 
DateTime.fromIS0('2022-10-24T16:35:00+03:00'); 
DateTime. fromMillis (1666603213): 


// Создание 
DateTime.fromIS0('2022-10-24T16:35:00+03:00'); 
DateTime. fromMillis (1666603213); 

DateTime. fromJSDate(new Date()); 


// Создание 

DateTime. f romISO( '2022-10-24T16:35:00+03:00'); 

DateTime. fromMillis (1666603213); 

DateTime. fromJSDate(new Date()); 

DateTime. fromObject({ year: 2022, month: 10, day: 24 1); 


// Создание 
DateTime.fromIS0('2022-10-24T16:35:00+03:00'); 

DateTime. fromMillis (1666603213); 

DateTime. fromJSDate(new Date()); 

DateTime. fromObject({ year: 2022, month: 10, day: 24 1); 
// И прочие убогости 

DateTime. f romRFC2822('24 Oct 2022 13:35:00 СМТ") 
DateTime. fromHTTP('Sun Nov 6 08:49:37 1994") 


// Получение 
const date = DateTime.now(): 


// Получение 
const date = DateTime.now(): 
date.toString(); //=> !2022-10-24Т16:35:00.000-03:00! 


// Получение 
const date = DateTime.now(): 
date.toString(); //=> '2022-10-24T16:35:00.000+03:00' 


date.year //=> 2022 
date.month //=> 10 
date. day //=> 24 


date.second //2 00 
date.weekday //-> 1 


// Получение 
const date = DateTime.now(): 
date.toString(); //=> '2022-10-24T16:35:00.000+03:00' 


date.year //=> 2022 
date.month //=> 10 
date. day //=> 24 


date.second //=> 00 

date.weekday //-> 1 

// Редкие штучки 

date.zoneName //=> 'Europe/Moscow' 
date.daysInMonth //-> 31 


// Математика 
date.plus({ hours: 3, minutes: 2 )); 


// Математика 
date.plus({ hours: 3, minutes: 2 }); 
date.minus({ days: 7 1); 


// Математика 

date.plus({ hours: 3, minutes: 2 )); 
date.minus({ days: 7 1); 
date.startOf('day'); 


// Математика 


date.plus({ hours: 3, minutes: 


date.minus({ days: 7 )); 
date.startOf('day'); 
date.endOf('hour'): 


дар): 


// Математика 

date.plus({ hours: 3, minutes: 2 )); 
date.minus({ days: 7 1); 
date.startOf('day'); 

date.endOf( 'hour'); 


// Изменения 
date.set({ year: 2019, minute: ® }) 


// Таймзонь 
DateTime. fromObject({}, { zone: 'Asia/Shanghai' }) 


// Таймзонь 
DateTime. fromObject({}, 4 zone: 'Asia/Shanghai' }) 
DateTime. now().setZone("Asia/Shanghai") ; 


// Таймзонь 
DateTime. fromObject({}, { zone: 'Asia/Shanghai' }) 
DateTime.now().setZone('Asia/Shanghai"); 


// И глобально 
Settings.defaultZone = "Asia/Shanghai'; 


// Разные календари 
DateTime. fromObject({}, 4 outputCalendar: 'islamic' }) 


// Разные календари 
DateTime. ТготорјесЕ (4), < outputCalendar: 'islamic' }) 
Settings.defaultOutputCalendar = 'islamic'; 


// Разные календари 
DateTime. fromObject({}, { outputCalendar: 'islamic' 1) 
Settings.defaultOutputCalendar = *islamic'; 


type CalendarTypes = 


| ‘buddhist ' // September 24, 2560 BE 
| *chinese' // Eighth Month 5, 2017 

| 'сорї1с' // Tout 14, 1734 ЕВА1 

| *ethioaa' // Meskerem 14, 7510 ERAQ 
| ‘ethiopic' // Meskerem 14, 2010 ERA1 
| "ћергем' // 4 Tishri 5778 

| "іпаїап" // Asvina 2, 1939 Saka 

| ‘islamic' // Мибаггат 4, 1439 АН 

| ‘islamicc' // Muharram 3, 1439 АН 

| "1508601" // September 24, 2017 

| "зарапезе" // September 24, 29 Heisei 
| *persian' // Mehr 2, 1396 AP 

| 


“гос! // September 24, 106 Minguo 


// Локализация 
DateTime.now().reconfigure({ locale: "fr" }).locale; //-> "Тг! 


// Локализация 
DateTime.now().reconfigure({ locale: "fr" }).locale; //-> "Тг! 
Settings.defaultLocale = "fr"; 


// Локализация 
DateTime.now().reconfigure({ locale: "fr" 
Settings.defaultLocale = "fr"; 
date.toLocaleString(i{}, { locale: "es" , 
//=> "25 septembre 2017! 


}).locale;: //=> "Тг! 


„„„DateTime.DATE_FULL 1) 


// Локализация 

DateTime.now().reconfigure({ locale: "fr" }).locale; //-> "Тг! 
Settings.defaultLocale = "fr"; 

date.toLocaleString(i}, 1 locale: "es" , ...DateTime.DATE_FULL У) 
//=> "25 septembre 2017" 

date.setLocale("fr").toFormat("MMMM dd, yyyy GG"); 

//=> ‘septembre 25, 2017 apres Jésus-Christ' 


// Локализация 

DateTime.now().reconfigure({ locale: "fr" }).locale; //-> "Тг! 
Settings.defaultLocale = "fr"; 

date.toLocaleString(i}, 1 locale: "es" , ...DateTime.DATE_FULL У) 
//=> "25 septembre 2017! 

date.setLocale("fr").toFormat("MMMM dd, уууу GG"); 

//=> ‘septembre 25, 2017 apres Jésus-Christ' 


// Автоопределение локализации для парсинг 
DateTime. Local({ locale: "Тг-со" }).resolvedLocaleOptions() ; 


Почему luxon? 


Почему luxon? 


- Вытрясаемая 


Почему luxon? 


- Вытрясаемая 


- Иммутабельная 


Почему luxon? 


- Вытрясаемая 
- Иммутабельная 


- Однозначное и лаконичное АРІ 


Почему luxon? 


- Вытрясаемая 
- Иммутабельная 
- Однозначное и лаконичное АРІ 


- 21кб минифицированная + gzip (date-fns 26кб) 


Почему luxon? 


- Вытрясаемая 

- Иммутабельная 

- Однозначное и лаконичное АРІ 

- 21кб минифицированная + gzip (date-fns 26кб) 


- Нативные таймзонь 


Почему luxon? 


- Вытрясаемая 

- Иммутабельная 

- Однозначное и лаконичное АРІ 

- 21кб минифицированная + gzip (date-fns 26кб) 
- Нативнью таймзонь 


- Нативная интернационализация 


жаль, что это не рассказали 
мне несколько лет назад 


